Building Chatgpt Messenger using Nextjs 2023, SRM Institute of Science and Technology Kattankulathur Campus, Workshop, Chennai, Tamil Nadu, 10th - 11th October 2023

Registrations Closed
View Event Website

Event Type:
Venue/Offline Mode
Start Date :
10th October 2023
End Date :
11th October 2023
Location :
Chennai, Tamil Nadu
Organizer :
SRM Institute of Science and Technology Kattankulathur Campus
Category :
Workshop
Building Chatgpt Messenger using Nextjs 2023

About Event

The workshop's goal is to provide a comprehensive understanding of Next.js and React.js in a two-day event. It covers React.js essentials, including JSX, components, and React Hooks. The afternoon delves into Next.js, introducing the framework, project creation, and API routing, with updates on Next.js v13.It also makes the participants to set up a ChatGPT Messenger project, integrating Firebase and OpenAI API, building the homepage, adding components like the sidebar and chat, and integrating NextAuth authentication. The afternoon focuses on ChatGPT API integration and Firebase deployment, including message functionality, notifications with React Hot Toast, OpenAI API, Firebase Admin, and project deployment on platforms like Github and Vercel

Events

OCT 10TH -2023
Day 1: FN Session: NextJS Prerequisite – ReactJS Framework
• Introduction to React.js and Jsx
• Creating a new React.js Project
• Introduction to the file structure of React.js
• Working with React.js Components
• Understanding States and Props
• Learning some useful React Hooks
Day 1: AN Session: NextJS Framework
• Introduction to Next.js
• Creation of Next.js project and explanation of file structure of Next.js
• Explaining components in nextjs and file routing
• Explaning API routing Changes in Next.js v13
OCT 11TH -2023
Day 2: FN Session: Getting Started with the Project – ChatGPT Messenger
• Setting up Firebase
• Setting up OpenAI API Key
• Implementing new Next.js project and implementing Next.js v13 features.
• Building the Homepage of the project and implementing herocoins
• Building Side Bar and New Chat Components
• Implementing NextAuth Authentication with Firebase
• Building the Login Screen & Functionality
• Creating New Chat Functionality
• Implementing Delete Chat Functionality
Day 2: AN Session : Connecting to ChatGPT API and Deployment (Firebase)
• Building the Chat Section of the Homepage
• Implementing Message functionality
• Implementing React Hot Toast Library for Notifications
• Setting up OpenAI API (contd.) and Firebase Admin
• Building the message component
• Implementing use SWR Testing the Project functionalities
• Uploading on Github.
• Deploying the project on Vercel

Event Theme

Building ChatGPT

Departments:

CSE ECE IT Instrumentation MCA Telecommunication

Accommodation

NIL

How to reach SRM Institute of Science and Technology Kattankulathur Campus, Chennai

SRM University, Kattankulathur

Certificates will be provided to Participants

Related Links:

Building Chatgpt Messenger using Nextjs 2023 SRM Institute of Science and Technology Kattankulathur Campus Chennai Tamil Nadu October 2023 Workshops Workshops in Chennai 2023 Workshops in Tamil Nadu

Featured Events